import Cookies from 'js-cookie'
const useAppStore = defineStore('app', {
  state: () => ({
    sidebar: {
      opened: false, //默认菜单不折叠
      withoutAnimation: false,
      hide: true //false
    },
    device: 'desktop',
    size: Cookies.get('size') || 'default'
  }),
  actions: {
    // 修改折叠菜单
    changeSetting(val) {
      this.sidebar.opened = val
      // this.sidebar.hide =!val
    },
    toggleSideBar(withoutAnimation) {
      if (this.sidebar.hide) {
        return false
      }
      this.sidebar.opened = !this.sidebar.opened
      this.sidebar.withoutAnimation = withoutAnimation
    },
    closeSideBar({ withoutAnimation }) {
      Cookies.set('sidebarStatus', '0')
      this.sidebar.opened = false
      this.sidebar.withoutAnimation = withoutAnimation
    },
    toggleDevice(device) {
      this.device = device
    },
    setSize(size) {
      this.size = size
      Cookies.set('size', size)
    },
    toggleSideBarHide(status) {
      this.sidebar.hide = status
    }
  }
})

export default useAppStore
